草庐IT

2D 地图绘制

全部标签

javascript - 谷歌地图通过单击多个标记来放大标记

我已经在StackOverflow和Google搜索中阅读了很多其他帖子,但我仍然无法使其正常工作。我认为这与我的for循环有关。我已经为信息窗口设置了鼠标悬停事件,但我想要的是当您单击标记并将其置于map中心时,map会放大标记。我试过:google.maps.event.addListener(marker,'click',function(e){map.setZoom(9);map.setCenter(e.latLng);});效果最好但仍然不总是以标记为中心,尤其是在多次点击之后。有时甚至看不到标记。我真正想使用的代码片段是这样的://addthedouble-clickeve

javascript - 谷歌地图 - 点击按钮触发搜索框

我有兴趣实现一个旁边带有“提交”/“开始”按钮的Googlemap搜索按钮(例如在http://maps.google.com上)。如果我在搜索框中按Enter,一切都很好,但我不知道如何使用按钮强制/提交搜索。现在我的代码基于以下示例:https://developers.google.com/maps/documentation/javascript/examples/places-searchbox.最重要的部分是我现在正在使用它:HTML:Submit!JS://Listenfortheeventfiredwhentheuserselectsanitemfromthe//pic

javascript - 显示路线的谷歌地图

根据谷歌地图,我可以规划一条跨越多个航路点的路线。这里有解释:http://code.google.com/intl/nl-NL/apis/maps/documentation/javascript/services.html#Routes现在api要我像这样添加航路点:location:waypoints所以waypoints是一个数组,我必须将其分配给location:参数,但从我在演示中看到的情况来看,它们用位置字符串填充数组。我想知道是否可以传递纬度和经度而不是字符串?更新:这是我尝试创建路线的部分。我现在已经在整个循环中将相同的值放在位置中,但是如果我既不使用变量值,id也不

javascript - 我怎么知道信息窗口已经在谷歌地图中弹出

我想用jQuery在googlemaps的infoWindow上显示一些动画。varinfoWindow=newgoogle.maps.InfoWindow({content:contentString});google.maps.event.addListener(marker,'click',function(){infoWindow.open(map,marker);setTimeout(animation,1000);});animation()必须通过其在infoWindow上的id获取元素,因此infoWindow必须在执行animation()之前完成加载。如何在info

Javascript 将动态图像从 URL 绘制到 Canvas 元素上

我正在尝试使用其URL将动态PNG图像(由PHP脚本生成的图像)​​绘制到Canvas元素上。我无法真正发布我正在测试的页面的确切URL,因为您必须登录该网站。我正在使用的动态图像URL之一的示例是:http://www.website.com/includes/dynamicimage.php?ID=29718958161如果您登录到这个特定网站并将该URL粘贴到您的地址栏中,它会正确显示图像。但是,以下Javascript代码无法将其正确绘制到Canvas元素上:functioncheckImage(imageContext){varcanvas=document.createEl

用于绘制工作流图的 JavaScript 框架

有人知道用于开发类似工作流图表的JavaScript框架吗?我正在寻找显示对象之间关系以及能够在浏览器中拖动对象的方法。我正在寻找类似于MicrosoftVisio功能的东西。有没有人用ExtJS框架做过类似的事情?到目前为止,这就是我所看到的全部内容。http://kforner.github.com/extjs-dag-drawer/example.html我希望能够像这样拖动组件。http://raphaeljs.com/graffle.html 最佳答案 你的意思是像http://www.draw.io/?这个基于浏览器的工

javascript - 谷歌地图多个自定义标记

所以我正在尝试学习如何制作谷歌地图。我对javascript知之甚少,但我想在这里学习。我在网上引用了一段代码,我已经了解了如何添加位置、标记和信息窗口,但我正在尝试弄清楚如何为每个标记添加多个自定义图标。感谢您的帮助。functioninitialize(){//addmap,thetypeofmapvarmap=newgoogle.maps.Map(document.getElementById('map'),{zoom:6,center:newgoogle.maps.LatLng(37.7749295,-122.4194155),mapTypeId:google.maps.Map

javascript - 如何检查谷歌地图中标记是否已经存在?

我有一个地方的经纬度。我想检查这样的标记是否已经存在。我该怎么做?varmyLatLng=newgoogle.maps.LatLng(Lat,Long);//beforesettingmarkeriwanttocheckheremarker.setPosition(myLatLng);marker.setVisible(true);这可能吗? 最佳答案 无论何时向map添加标记(此时最好将标记添加到标记数组),将纬度和经度添加到单独的查找数组。varlookup=[];lookup.push([lat,lng]);marker.se

javascript - 如何使用chart js或其他库绘制甘特图

我想绘制如下所示的甘特图chartjs中没有绘制甘特图的选项。可能吗??如果不可能,请建议我一些图表库来绘制这样的图表 最佳答案 我建议您使用散点图。在散点图中,您可以绘制多条独立的线。如下图所示。[示例代码]varscatterChart=newChart(ctx1,{type:'line',data:{datasets:[{label:'ScatterDataset',backgroundColor:"rgba(246,156,85,1)",borderColor:"rgba(246,156,85,1)",fill:false,

javascript - 谷歌地图 v3 API 鼠标悬停与多边形。不工作

我正在尝试让鼠标悬停在googlemapsapiv3中处理多边形。我试过这篇文章中提供的答案:googlemapsv3APImouseoverwithpolygons?这个答案应该有效,但不适合我。谁能看出我辐条上的棍子?这是我的代码:html{height:100%}body{height:100%;margin:0px;padding:0px}#map_canvas{height:100%}GoogleMapsfunctioninitialize(){varmyLatlng=newgoogle.maps.LatLng(28,-81);varmyOptions={zoom:6,cen